<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="css/my.css" />
		<script src="js/jquery-3.7.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			function logout() {
				return confirm("账号注销后将无法登录，您确定要注销账号吗？");
			}
			function out() {
				return confirm("您确定要退出系统吗？");
			}
			$(function() {
			    var menuTimer; // 用于控制下拉列表显示和隐藏的计时器

			    $(".menu").mouseenter(function() {
			        clearTimeout(menuTimer); // 清除之前的计时器
			        // 收起其他菜单
			        $(".menu").not(this).children("ul").stop(true, true).slideUp(500);
			        // 展开当前菜单
			        $(this).children("ul").stop(true, true).slideDown(500);
			    });

			    $(".menu").mouseleave(function() {
			        var that = this;
			        // 设置计时器，延迟收回下拉列表
			        menuTimer = setTimeout(function() {
			            $(that).children("ul").stop(true, true).slideUp(500);
			        }, 300); // 延迟300毫秒收回下拉列表
			    });
			});
    	</script>
		<style type="text/css">
			.t1:hover a {
				color: #FF0040;
				cursor: pointer; /* 鼠标悬停时显示手型指针 */
			}
			.u1>li a {
				color: #FFF;
				font-weight: normal;
			}
			.u1>li:hover a {
   				 color: #FFF;
   				 font-weight: bolder;
			}
			.in1 {
				line-height:25px; 
				width: 180px;
				padding: 4px 12px; /* 输入框内边距：上下8px，左右12px */
   				border: 1px solid #d9d9d9; /* 设置输入框边框颜色和样式 */
   				border-radius: 4px; /* 输入框圆角半径为4px */
   				font-size: 14px; /* 输入框字体大小为14px */
			}
		</style>
	</head>
	<body>
		<div class="header">
			<c:if test="${not empty user.username}">
				<a href="index.jsp" style="float: left;" title="点击前往网站首页">
					<img src="img/logo.png" height="50px">
				</a>
			</c:if>
			<c:if test="${empty user.username}">
				<a href="login.jsp" style="float: left;" title="您还没有登录，快去登录吧！">
					<img src="img/logo.png" height="50px">
				</a>
			</c:if>
			<ul style="float: left;">
				<c:if test="${not empty user.username}">
					<li class="t1"><a href="showlist?state=0" title="点击查看完整文件列表">文件列表</a></li>
					<li class="menu">分类查看
						<ul class="u1">
							<li><a href="category?type=法律规定">法律规定</a></li>
							<li><a href="category?type=管理办法">管理办法</a></li>
							<li><a href="category?type=决定条例">决定条例</a></li>
							<li><a href="category?type=细则解释">细则解释</a></li>
							<li><a href="category?type=规范指南">规范指南</a></li>
							<li><a href="category?type=其他文件">其他文件</a></li>
						</ul>
					</li>
					<li class="menu">文件分享
						<ul class="u1">
							<li><a href="upload.jsp" title="点击即可分享文件！">分享文件</a></li>
							<li><a href="showmylist" title="点击查看您分享的文件列表">我的分享</a></li>
						</ul>
					</li>
					<li><a href="" title="在右侧输入关键词即可查询文件！" style="cursor: pointer; color: #1E90FF;">文件检索</a>
						<form action="showfilebykeyword" method="post" style="display: inline-block;">
							<input type="text" name="keyword" value="${keyword}"  class="in1" placeholder="请输入搜索关键词"/>
							<input type="image" src="./img/search.png" height="20px" style="vertical-align: middle;" title="点击搜索"/>
						</form>
					</li>
				</c:if>
				
				<c:if test="${empty user.username}">
					<li class="t1"><a href="showlist?state=0" title="点击查看完整文件列表">文件列表</a></li>
					<li class="menu">分类查看
						<ul class="u1">
							<li><a href="category?type=法律规定">法律规定</a></li>
							<li><a href="category?type=决定条例">决定条例</a></li>
							<li><a href="category?type=细则解释">细则解释</a></li>
							<li><a href="category?type=规范指南">规范指南</a></li>
							<li><a href="category?type=其他文件">其他文件</a></li>
						</ul>
					</li>
					<li><a href="" title="在右侧输入关键词即可查询文件！" style="cursor: pointer; color: #1E90FF;">文件检索</a>
						<form action="showfilebykeyword" method="post" style="display: inline-block;">
							<input type="text" name="keyword" value="${keyword}"  class="in1" placeholder="请输入搜索关键词"/>
							<input type="image" src="./img/search.png" height="20px" style="vertical-align: middle;" title="点击搜索"/>
						</form>
					</li>
				</c:if>
			</ul>
			<ul style="float: right;">
				<c:if test="${not empty user.username}">
					<li class="menu">${user.username}
						<ul class="u1">
							<li><a href="userinfo.jsp" title="点击查看您的个人信息">个人信息</a></li>
							<li><a href="updatepassword.jsp" title="点击修改密码">修改密码</a></li>
							<li><a href="cancel?username=${user.username}" onclick="return logout();">注销用户</a></li>
						</ul>
					</li>
					<li class="button"><a href="logout" onclick="return out();" title="点击退出系统">退出</a></li>
				</c:if>
				
				<c:if test="${empty user.username}">
					<li class="button"><a href="login.jsp" title="登录分享您的文件吧！">登录</a></li>
					<li class="button"><a href="regist.jsp" title="点击注册新账号">注册</a></li>
				</c:if>
			</ul>
		</div>
		<div class="footer">
			<span>攀枝花学院&copy;软本1班</span>
			<span>网站访问量：${empty visitor?0:visitor}</span>
			<span>当前登录人数：${empty online?0:online}</span>
		</div>
	</body>
</html>
    